<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/styles/flight/public.css">
    <link rel="stylesheet" href="/styles/flight/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1586355_ymxb6nvt06h.css">
    <!--"http://at.alicdn.com/t/font_760782_hmtvl7u64w9.css-->
</head>
<body>
<!--header 开始-->
<form action="/flight/save" method="post">
    <input type="hidden" name="flightId" value="${flight.id}"/>
    <div class="header">
        <div class="header-in">
            <div class="logo">
                <h3><a href="#"><img src="../images/logo.jpg" alt=""></a></h3>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">目的地</a></li>
                    <li><a href="#">旅游攻略</a></li>
                    <li><a href="#">去旅行</a></li>
                    <li><a href="#" class="jipiao">机票
                        <div class="tejia">特价</div></a></li>
                    <li><a href="#">订机票</a></li>
                    <li><a href="#">社区</a></li>
                    <li><a href="#"><img src="../images/nav-ul.jpg" alt=""></a></li>
                </ul>
            </div>
            <div class="sousuo">
                <input type="text">
                <a href="#"><i class="iconfont icon-sousu"></i></a>
            </div>
            <div class="login-info">
                <a href="#" class="daka">打卡</a>
                <a href="#" class="xinxi">信息<i class="iconfont icon-sanjiaoxing"></i> </a>
                <a href="#" class="touxiang"><img src="../images/touxiang.jpg" alt=""></a>
            </div>
        </div>
    </div>
<!--header 结束-->

<!--contain 开始-->
    <div class="contain">
        <div class="contain-1">
            <!--乘机人开始-->
            <div class="passenger">
                <h3>乘机人</h3>
                <div class="addPassenger">
                    <div class="inputName">
                        <i class="iconfont icon-iconcopy"></i>
                        <span>成人票</span>
                        <input type="text" placeholder="请输入名字">
                    </div>
                    <div class="addId">
                        <select name="idType" id="idType">
                            <option value="身份证">身份证</option>
                        </select>
                        <input type="text" name="identity" placeholder="输入证件号">
                        <span>删除</span>
                    </div>
                </div>
                <p>添加乘客</p>
            </div>
            <!--乘机人结束-->
            <!--保险开始-->
            <div class="insurance">
                <h3>保险</h3>
                <div class="accident">
                    <input type="checkbox">  航空意外险
                    <span class="one">￥30/份x2人 x 1航段</span>
                    <span>旅行意外保险，最高赔付300万</span>
                </div>
                <div class="delay">
                    <input type="checkbox">  航空延误险
                    <span class="one">￥30/份x2人 x 1航段</span>
                    <span>旅行无忧，延误可理赔</span>
                </div>
            </div>
            <!--保险结束-->
            <!--联系人开始-->
            <div class="contact">
                <h3>联系人</h3>
                <div class="contact-information">
                    <input type="text" name="name" placeholder="请输入联系人姓名">
                    </select>
                    <input type="text" name="phone" placeholder="请写入联系人手机号">
                   <#-- <input type="text" name="name" placeholder="请填写联系人邮箱">-->
                </div>
            </div>
            <!--联系人结束-->
            <!--报销开始-->
            <div class="reimbursement">
                <h3>报销凭证</h3>
                <input type="checkbox">需要报销凭证(按照航空公司规定，飞机起飞后28天内可开纸质行程单)
            </div>
            <!--报销结束-->
            <div class="coupon">
                <h3>优惠卷</h3>
                <input type="checkbox">暂无可用优惠卷
            </div>
           <#-- <div class="submit">提交订单</div>-->
            <input type="submit" class="submit"value="提交订单">
        </div>
</form>
        <div class="contain-r">
            <div class="trip">
                <div class="trip-title">
                    <span class="trip-name">${flight.orgCity}-${flight.dstCity}</span>
                    <span class="trip-date">${flight.arrTime?string('MM月dd日')} 周日</span>
                </div>
                <div class="trip-detail">
                    <div class="trip-left">
                        <p class="time">${flight.arrTime?string('HH:ss')}</p>
                        <p>${flight.arrPort}</p>
                    </div>
                    <div class="trip-mid">
                        <p></p>
                        <p>${flight.flightName}${flight.flightNo}|经济仓</p>
                    </div>
                    <div class="trip-right">
                        <p class="time">${flight.depTime?string('HH:ss')}</p>
                        <p>${flight.depPort}</p>
                    </div>
                </div>
            </div>
            <div class="prices">
                <div class="prices-man">
                    <span class="jp-man">机票 成人</span>
                    <span class="money">￥${flight.price} X 1</span>
                </div>

                <#--<div class="total-prices">
                    <span class="one">全部金额</span>
                    <span class="two">￥506</span>
                </div>-->
                <div class="gaiqiao">
                    <span>改签须知</span>
                </div>
            </div>

        </div>
    </div>
<!--contain结束-->

<!--footer开始-->
    <div class="footer">
        <div class="footer-in">
            <dl>
                <dt>马蜂窝旅游网</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
            </dl>
            <dl>
                <dt>马蜂窝旅游网</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
            </dl>
            <dl>
                <dt>马蜂窝旅游网</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
                <dt>中国年轻一代用得更多的旅游网站</dt>
            </dl>
            <ul>
                <li>
                    <a href="#">
                        <img src="../images/erweima.jpg" alt="">
                        <p>马蜂窝旅游<br>订阅号</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../images/erweima.jpg" alt="">
                        <p>马蜂窝旅游<br>订阅号</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../images/erweima.jpg" alt="">
                        <p>马蜂窝旅游<br>订阅号</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
<!--footer结束-->


</body>
</html>